<template>
  <button @click="openBtn">点击开启定时器</button>
</template>

<script>
import { useIntervalFn } from '@vueuse/shared'
import { ref } from 'vue'
export default {
  setup () {
    const number = ref(0)
    // useIntervalFn vueuse开启定时器功能
    // resume()   开启定时器
    // pause（）  停止定时器
    const { resume, pause } = useIntervalFn(() => {
      console.log(2222)
      number.value--
      if (number.value <= 0) {
        pause()
      }
    //   默认马上执行，{ immediate: false } 取消默认执行
    }, 1000, { immediate: false })
    const openBtn = () => {
      number.value = 10
      resume()
    }
    return { openBtn }
  }
}
</script>

<style>

</style>
